BODY
{
background-color:#4682B4;

}
.container2
{
margin:auto;
width:90%;
height:800px;
background-color:#FFFFFF;
border-radius:5px;
}
div.header
{
padding:1px;
color:white;
background-color:white;
clear:left;
}
div.header1
{
padding:0em;
height:0px
color:white;
background-color:white;
clear:left;
}
/*Main UL*/
ul.nav
{
 

display:inline-block;
  
color: #fff;
  
padding: 0;
  
position:relative;
background: #003366;

background: -moz-linear-gradient(top, #003366, #4169E1, #003366); 
	background: -o-linear-gradient(top, #003366, #4169E1, #003366);
	background: -webkit-linear-gradient(top, #003366, #4169E1, #003366);
	
	border-radius:5px 0px 0px 5px;
	-moz-border-radius:5px 0px 0px 5px;
	-o-border-radius:5px 0px 0px 5px;
	-webkit-border-radius:5px 0px 0px 5px;
	z-index:10;	
	
}



/*Refer to all sub ul*/

ul.nav li > ul, ul.nav li > ul li > ul
{
  
display: none;
  
position: absolute;
  
left:0;
  
padding:0;
  
width:120%;
  
background: #003366;

background: -moz-linear-gradient(top, #003366, #4169E1, #003366); 
	background: -o-linear-gradient(top, #003366, #4169E1, #003366);
	background: -webkit-linear-gradient(top, #003366, #4169E1, #003366);
	
	border-radius:5px 0px 0px 5px;
	-moz-border-radius:5px 0px 0px 5px;
	-o-border-radius:5px 0px 0px 5px;
	-webkit-border-radius:5px 0px 0px 5px;
	z-index:10;
}


ul.nav li > ul li > ul
{
  
top:8px;
  
background: #003366;

}


/*Refer to all list item */
ul.nav > li, ul.nav li > ul li, ul.nav li > ul li > ul li
{
  
list-style-type: none;
  
display:inline-block;
  
position: relative;

}


/*Refer to all anchor item*/
ul.nav > li a, ul.nav li > ul li a, ul.nav li > ul li > ul li a{
  text-decoration: none;
  display:block;
  padding: 8px;
  
  /*Fonts*/
  color: #fff;
  font-family:verdana;
  font-size: 14px;
  font-weight: bold;
}



/*Refer to all anchor item :hover*/
ul.nav > li a:hover, ul.nav li > ul li a:hover, ul.nav li > ul li > ul li a:hover{
  color: orange;
  text-decoration: none;
}



/*display sub-menu*/
ul.nav li:hover > ul{
  display:block;
  left:0;
}





/*CSS Arrows
Reference: http://css-tricks.com/snippets/css/css-triangle/
*/
.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #fff;
    font-size: 1px;
    margin-left: 5px;
}



.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #fff;
    font-size:2px;
    margin-left: 5px;
}


div.img
{
  background:url(logo.bmp);
  margin: 5px;
  padding: 5px;
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}
div.header2
{
padding:0px;
height:20px
color:white;
background color:red;
clear:left;
}
div.footer
{
margin-botom=0px;
padding:3em 2em;
color:white;
background-color:#003366;
clear:left;
}